<template>
	<view class="container">

		<navigator url="/pages/index/index" class="btn">
			跳转到index
		</navigator>
		<navigator url="/pages/login/login" class="btn">
			跳转到登录页
		</navigator>
		<navigator url="/pages/demos/City/City" class="btn">
			城市探索
		</navigator>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		}

	};
</script>

<style>
	.container {
		padding: 20rpx;
		display: flex;
		flex-direction: column;
		gap: 20rpx;
	}

	.btn {
		width: 100%;
		appearance: button;
		-webkit-appearance: button;
		padding: 22rpx 0;
		text-align: center;
		border: 1px solid #ddd;
		border-radius: 4rpx;
		background-color: #f8f8f8;
		color: #333;
		font-size: 32rpx;
		text-decoration: none;
	}

	.btn:active {
		background-color: #e5e5e5;
	}
</style>